import React from "react";
import "./style.css";
export default function Index() {
  return (
    <div className="page column">
      <div className="sub-title">概念：帧(Frame)</div>
      <div>帧指一副画面，帧率（FPS）指每秒呈现的画面张数</div>
      <div>通常计算机屏幕一秒钟刷新60次，呈现60张画面，即60帧</div>
      <div>制作动画时，超过12FPS，可以有连贯的感觉</div>
      <div>达到24FPS（电影通常为24FPS）会感到流畅</div>
      <div>达到60FPS时，肉眼感到舒适自然</div>
      <div>达到120FPS时，画面超过肉眼极限，难以分辨</div>
      <div className="anime-0b-cover">
        <div className="anime-0c2-group">
          {Array.from({ length: 11 }, (_, index) => {
            const className = index <= 5 ? "anime-0c2" : "anime-0c3";
            return <div className={className} key={index} />;
          })}
        </div>

        <div className="anime-0c">
          <div className="anime-0c1"></div>
        </div>
      </div>
      <div>我们制作动画，即是对元素每一张画面的动作进行描述的过程</div>
    </div>
  );
}
